<template>
  <view>
    <view style="width: 90%; margin: 200rpx auto;">
      <view style="margin-top: 200rpx; margin-bottom: 50rpx; font-size: 60rpx; color: royalblue; text-align: center;">登录
      </view>

      <view style="margin: 40rpx 0;">
        <uni-easyinput v-model="form.username" prefixIcon="person" placeholder="请输入登录用户名"></uni-easyinput>
      </view>

      <view style="margin: 40rpx 0;">
        <uni-easyinput type="password" v-model="form.password" prefixIcon="locked"
          placeholder="请输入登录密码"></uni-easyinput>
      </view>

      <view style="margin: 40rpx 0;">
        <button type="primary" @click="login">登 录</button>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        form: {
          username: '',
          password: ''
        }
      };
    },
    methods: {
      login() {
        // 登录逻辑
        console.log(this.form.username, this.form.password);
      }
    }
  };
</script>

<style>
  /* 你的样式 */
</style>